<template>
  <div
    class="title-img"
    :style="{'height':titleheight}"
  >
    <img
      class="img"
      :src="img"
    >
  </div>
</template>

<script>
import { titleheight } from '@/config/frame'
import img from '@/assets/imgs/frame/title.png'
export default {
  name: 'TitleImg',
  props: {
    img: {
      type: Object,
      default: img
    }
  },
  data () {
    return {
      titleheight: titleheight + 'px'
    }
  }
}
</script>

<style lang="scss" scoped>
  .title-img{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    .img{
      width: 100%;
      height: 100%;
    }
  }
</style>
